<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>积分兑换活动页面</title>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body>
    <!--fixed remove-->
    <section class="fixed" style="z-index:999;width: 100%;height: 100%;background-color: #000;position: fixed;left: 0;top: 0;"></section>
    <section class="activity_page">
        <div class="header">
            <p class="point_month">本月积分:<em class="font34">300</em></p>
            <div class="wrap_avatar">
                <span class="avatar"><img src="img/avator.jpg"></span><em>绮童堡</em>
            </div>
            <p class="total_point">累计积分:<em class="font34">5000</em></p>
        </div>
        <!--切换部分-->
        <div class="mainTab">
            <div class="main-tab-nav">
                <ul class="clearfix">
                    <li class="current">亲子活动</li>
                    <li>童装试用</li>
                </ul>
            </div>
            <div class="main-tab-con">
                <!--亲子活动-->
                <div class="cnt family_day">
                    <div class="title"></div>
                    <div class="activity_item activity_item_1">
                        <div class="sub_title">波板糖DIY</div>
                        <dl>
                            <dd>适合年龄:８周岁以上</dd>
                            <dd>活动时间:３.２４－３.２５</dd>
                            <dd>招募家庭:５组</dd>
                            <dd>已招募:３组</dd>
                        </dl>
                        <a class="bottom_btn" href="javascript:;">点击详情<br/>1000积分开启</a>
                    </div>
                </div>
                <!--童装试用-->
                <div class="cnt tryout" style="display:none;">
                    <div class="title title_2"></div>
                    <div class="activity_item">
                        <div class="sub_title">女大童连衣裙套装</div>
                        <dl>
                            <dd>合年龄:4 ～ 14岁</dd>
                            <dd>活动时间:３\２４－３\２５</dd>
                            <dd>可兑换:５套</dd>
                            <dd>已兑换:３套</dd>
                        </dl>
                        <a class="bottom_btn" href="javascript:;">点击详情<br/>1000积分开启</a>
                        <span class="inner_bg"></span>
                    </div>
                </div>
            </div>
        </div>

    </section>
</body>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/common.js"></script>
<script>
    $(window).load(function () {
        tabs('.main-tab-nav ul li','.main-tab-con .cnt');
    });
    function tabs(obj1,obj2){
        $(obj1).click(function(){
            var idx = $(obj1).index(this);
            $(this).addClass('current').siblings().removeClass('current');
            $(obj2).eq(idx).show().siblings().hide();
        });
    }
</script>
</html>